// pages/result/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list:[],
    leftH:0,
    rightH:0,
    leftList:[],
    rightList:[],
    num:0
  },

  hndlerWarterfull(){
    // 当num值yulist总值数量相同 =》图片 onload onerror 加载图片完毕
    const {num,list} = this.data
    const rightList=[]
    const leftList=[]
    if (num == list.length) {
      console.log(22222);
      list.forEach(item => {
        const {leftH,rightH} = this.data
        if (leftH>rightH) {
          this.data.rightH = rightH+item.h
          rightList.push(item)
        }else{
          this.data.leftH = leftH+item.h
          leftList.push(item)
        }
      });
      // 循环完毕
      this.setData({
        leftList,rightList
      })
      console.log(this.data.list,this.data.rightList);
 // 请求完毕，关闭Loading(图片左右分栏完毕，马上准备视图更新)
 wx.hideLoading()
    }
  },
// 图片载入后手机信息
onloadImg(e){
  console.log(e);
  const w = 200
  const {index}=e.target.dataset
  const {width,height} = e.detail
  const h = Math.ceil(w*height / width)
  console.log(h);
  this.data.list[index]['h'] = h;

  this.data.num++
// 计算下是否需要出发处理瀑布流函数
  this.hndlerWarterfull()
},
onErrorImg(e){
  const {index}=e.target.dataset
  this.data.list[index]['h'] = 200;
  this.data.num++
  this.hndlerWarterfull()


},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 获取上个页面的结果
    const {keywords} = options
    if (!keywords) {
      wx.showToast({
        title: '搜索内容不能为空',
      })
      return false
    }
    // 拿到结构展示数据
    // 发送请求->云函数 ->分页处理（10个）->下拉触底请求第二页数据【是否有更多]
    // show loding
    // showToast可以指定loading的时间 过了时间会自动关闭
    wx.showToast({
      title: '加载中...',
      icon: 'loading',
      duration:1500
    })
    // showloading不会自动关闭，需要调用wx.hideLoading()才可以关闭
    wx.showLoading({
      title: '加载中...',
    })
    wx.cloud.callFunction({name:"getProduct",data:{
      keywords
    }}).then(res=>{
      console.log(res);
      if (res.result && res.result.length !=0) {
        // 更新视图
        this.setData({
        list:res.result
        })
      }else{
        wx.showLoading()
        wx.showToast({
          title: '没有更多商品了',
          icon:"none"
        })
      }
     
    }).catch(err=>{
      console.log(err);
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})